/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 20px 20px 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:55px;line-height:55px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#ccc;font-size:1.2em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;}
.wapNav li.cur>a,.wapNav .cur>a:hover,.wapNav li :hover i,.wapNav .cur i{color:#1551b9;}
.wapNav .on i{color:#1551b9;}
.wapNav .on i{transform: rotate(180deg);}
.wapNav .navSub{display:none;border-bottom: 1px solid #eee;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:20px;font-size:15px;border:none;color:#333;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#1551b9;}


@media all and (max-width:1600px) {
  body,.headTel{font-size:.875rem;}
  .container,.aboutBox1 .container{max-width:90%;}
  .pd60,.listWrap{overflow:hidden;}
  .header{font-size:1rem;}
  .nav{margin-right:240px;}
  .proMain .btn{bottom:0;}
  .hTitle span{margin-top:20px;}
  .listMenu_box{padding-left:5%;padding-right:5%;}
}



@media all and (max-width:1440px) {
  .footer{font-size:.75rem;}
  .header .logo img{height:36px;}
  .banner .txt{font-size:1em;max-width:42%;}
  .aboutTxt .txt .tie{font-size:2.5em;}
  .about::after{height:30vh;}
  .aboutNum,.aboutPic a{bottom:50px;}
  .aboutTxt{padding-top:20px;}
  .hTitle{font-size:1.5rem;}
  .product .hTitle{top:40px;}
  .proMain li h4{font-size:2.5em;}
  .listBan, .mzsmBanner{height:380px;}
  .partner2 ul{margin-right:-20px;}
  .partner2 li{padding-right:20px;}
  .picList li,.relativeS li{width:33.3%;}
  .honorList li{width:25%;}
  .proSide_sub li a{height:70px;line-height:70px;}
  .proSider .title span::after{height:24px;}
  .proList ul{margin-right:-20px;}
  .proList li{padding-right:20px;margin-bottom:20px;}
  .galleryBig li{height:420px;line-height:420px;}
  .newsList li .txt{padding-right:20px;}
  .solutionList li .pic{height:400px;}
  #dituContent{height:500px;}
}

@media all and (max-width:1240px) {
  .container,.container2,.listMenu_box,.aboutBox1 .container,.feedback .container{padding-left:30px;padding-right:30px;overflow:hidden;max-width:1180px;}
  .header{font-size:.875rem;}
  .header .logo img{height:32px;}
  .nav{width:55%;margin-right:220px;}
  .nav .m>a{padding:0 18px;}
  .headR{right:30px;}
  .banner .swiper-pagination{display:block;}
  .banner .btn{display:none;}
  .aboutTxt{margin-left:0;padding-left:30px;}
  .aboutTxt .txt .tie{font-size:2em;}
  .aboutNum{left:30px;}
  .aboutNum li p{font-size:1em;}
  .listBan, .mzsmBanner{height:360px;}
  .breadCrumb p{background-position:15px center;padding-left:40px;line-height:30px;}
  .listMenu a{padding:0 25px;font-size:14px;}
  .menuSub a{margin-right:20px;}
  .partner2 li{width:20%;}
  .proList ul,.videoList ul,.caseList ul{margin-right:-15px;}
  .proList li,.videoList li,.caseList li{padding-right:15px;margin-bottom:15px;}
  .proSider{font-size:1em;}
  .proSide_sub li a{padding-right:20px;}
  .gallerySmall li{width:25%;}
  .relativeNews li{width:100%;margin-bottom:15px;}
  .partnerList li{width:16.66%;}
  .solutionShow li,.solutionFont{height:460px;}
  .mb60{margin-bottom:40px;}
  #dituContent{height:460px;}
  .proSear{width:100%;margin-bottom:25px;}
}



@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .container,.container2,.listMenu_box,.aboutBox1 .container,.history,.feedback .container{padding-left:15px;padding-right:15px;}
  .header{height:60px;line-height:60px;background:#fff;border-bottom: 1px solid #eee;}
  .header .container2{height:60px;}
  .nav,.gr_kefu,.banner .big,.headR,.proSide_sub,.listMenu_box p,.relaPro,.proShow_R .wx,.picShow_r,.hTitle i{display:none;}
  .navTrigger,.wapTel,.banner .small,.wapTip,.proSider .title i{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .logo img{height:36px;}
  .footer{padding:15px;}
  /* .fp-tableCell{height:auto !important;} */
  .banner .txt{max-width:100%;text-align:center;width:100%;left:0;padding:0 25px;}
  .banner .txt h4{margin-bottom:10px;}
  .banner .txt .more{margin-top:25px;}
  .about {padding:0 15px;}
  .aboutTxt{padding:0;margin-bottom:15px;}
  .aboutTxt,.aboutNum{width:100%;max-width:100%;}
  .about::after{width:100%;height:160px;background-position:center bottom;}
  .aboutPic{float:none;width:100%;height:25vh;margin-bottom:8vh;}
  .aboutPic a{position:static;display:block;height:100%;}
  .aboutNum{padding:0 15px;left:0;bottom:30px;}
  .product .hTitle{position:relative;top:0;}
  .proMain li .pic{height:58vh;}
  .proMain li .txt{padding-top:10vh;}
  .hTitle span{font-size:1.25em;}
  .proMain li h4{font-size:2em;}
  .newsMenu a{margin-left:20px;height:40px;line-height:40px;width:110px;border-radius:20px 0 20px 0}
  /* .newsMain{margin-right:-20px;}
  .newsMain li{padding-right:20px;} */
  .partnerL,.partnerR{float:none;width:100%;}
  .partnerL{max-width:100%;position:relative;padding-top:0;}
  .partnerL .more{margin-top:20px;height:40px;line-height:40px;position:absolute;right:0;bottom:10px;z-index:4;}
  .partnerR{padding-top:0;margin-top:25px;}
  .partnerR .btn{position:static;display:inline-block;margin-top:20px;border-radius:0;width:40px;height:30px;line-height:30px;}
  .listBan .txt{top:50%;}
  .pd60, .listWrap,.solutionList li{padding-top:40px;padding-bottom:40px;overflow:hidden;}
  .breadCrumb{ box-shadow: 0 3px 7px #f1f1f1;font-size:12px;margin-top:-1px;}
  .breadCrumb p{padding:15px;padding-left:40px;background-size:15px;}
  .listMenu{max-width:100%;float:none;}
  .listMenu a{margin-left:0;margin-right:10px;} 
  .menuSub{padding:15px;text-align:center;}
  .culture{display:block;}
  .culture .pic,.culture .txt{height:auto;width:100%;}
  .proList,.picList ul,.caseList ul{margin-right:-15px;}
  .proList li,.picList li,.caseList li{padding-right:15px;width:33.3%;}
  .videoList li {width:50%;}
  .videoList li .pImg::before{width:60px;height:60px;background-size:60px;margin-left:-30px;margin-top:-30px;}
  .proSider{margin-bottom:30px;}
  .proSider .title span::after,.listMenu .cur.on::before{display:none;}
  .proSider .title span{padding-left:0;}
  .proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
  .proSide_sub li a{height:50px;line-height:50px;}
  .proSide_sub .sub{padding:10px;margin-top:-10px;}
  .proSide_sub>li::after{content:"";position:absolute;right:0;width:60px;height:50px;top:0;}
  .proShow_box1{margin-top:30px;margin-bottom:30px;}
  .gallery,.proShow_R{float:none;width:100%;}
  .proShow_R{padding:0;padding-top:15px;}
  .gallery .btn{bottom:auto;top:50%;height:40px;line-height:40px;}
  .gallerySmall{opacity:0;transform:scale(0);height:0;}
  .proShow_R .font{min-height:auto;}
  .proShow_font .tel{padding-top:10px;padding-bottom:10px;}
  .proShow_R .btn a{float:left;margin-right:20px;}
  .proShow_R,.solutionFont{height:auto;}
  .newsList li .pic{width:36%;}
  .newsList li .txt{width:60%;}
  .faqList li {width:100%;float:none;margin-bottom:10px;}
  .faqList li .txt{height:auto;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
  .partnerList li{width:20%;}
  .relativeNews .tie{margin-bottom:10px;font-size:28px;}
  .solutionList li .pic{height:350px;}
  .solutionShow,.solutionFont,.contactBox #dituContent,.contactInfo{float:none;width:100%;}
  .mb60{margin-bottom:30px;}
  .contactBox #dituContent{height:420px;}
  .contactInfo .txt{height:auto;}
  .jobList .font .more{position:static;margin-top:15px;display:inline-block;}
  .jobList .font .more span{display:inline-block;margin-left:10px;}
}


@media all and (max-width:768px) {
  .pd60,.listWrap,.solutionList li{padding-top:30px;padding-bottom:30px;}
    /* .sectionBan {height:480px !important;{padding-bottom:0;} */
  .copyright{padding:15px 0;}
  .banner .txt h4{font-size:42px;}
  .aboutTxt .txt .tie{font-size:1.5em;}
  .hTitle{font-size:1.25rem;}
  .hTitle span{margin-top:15px;}
  .product {background-position: 0 0;}
  .proMain li{display:block;}
  .proMain li .txt,.proMain li .pic{width:100%;}
  .proMain li .txt{padding-top:10px;max-width:100%;margin-bottom:15px;}
  .proMain li h4{margin-bottom:10px;font-size:2em;}
  .proMain li .pic{height:40vh;}
  .section .container2{padding-top:70px;}
  .proMain .btn{width:24px;background:#fff;bottom:25%;height:40px;line-height:40px;font-size:1em;}
  .proMain .btn.swiper-button-next{left:auto;right:0;}
  .newsMenu{text-align:center;position:static;}
  .newsMenu{margin-top:15px;}
  .newsTie{margin-bottom:15px;}
  .newsMain li{width:50%;}
  .newsMain li:nth-child(4){display:block;;}
  .newsMain li p,.newsMain li .date{display:none;}
  .newsMain li .txt{padding:10px;text-align:center;}
  .newsMain li h4{margin-bottom:0;font-size:1em;}
  .newsMain li .pic{height:25vh;}
  .contact .map{display:none;}
  .contact_txt {float:none;width:100%;}
  .breadCrumb p{padding-top:10px;padding-bottom:10px;}
  .breadCrumb .back{display:none;}
  .listTie{padding-bottom:20px;margin-bottom:20px;}
  .listMenu a{padding:0 15px;font-size:15px;}
  .aboutBox1 .info{margin-bottom:25px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.aboutBox_r,.service .pic{height:360px;}
  .partner2 ul{margin-right:-8px;}
  .partner2 li{width:25%;padding-right:8px;margin-bottom:8px;}
  .picList ul,.caseList ul,.relativeS ul{margin-right:-10px;}
  .picList li,.caseList li,.relativeS li{padding-right:10px;margin-bottom:15px;width:50%;font-size:13px;}
  .honorList li{width:33.3%;}
  .proList ul{margin-right:-10px;}
  .proList li{width:50%;padding-right:10px;margin-bottom:10px;}
  .proList li p{height:46px;line-height:46px;}
  .galleryBig{height:auto;}
  .galleryBig li{height:100%;line-height:100%;}
  .recommendPro .tie{font-size:2em;margin-bottom:20px;}
  .newsList li .txt{padding:15px 0;height:auto;}
  .newsList li .pic,.newsList li .txt{float:none;width:100%;}
  .newsList li .pic{display: block;}
  .newsList li .p2{height:auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
  .newsList li h4{margin-bottom:15px;}
  .showTie{margin-bottom:25px;}
  .showTie h2{margin-bottom:15px;}
  .showPage a,.showPage a:nth-child(2){float:none;width:100%;display:block;}
  .partnerList li,.picSlide-thumbs li{width:25%;}
  .picSlide-thumbs li{padding-top:15%;}
  .solutionList li .main,.solutionList li .pic{display:block;}
  .solutionList li .pic,.solutionList li .txt{float:none;width:100%;}
  .jobList .top span:nth-child(3), .jobList .top span:nth-child(4), .jobList .top span:nth-child(5){display:none;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .layer_video{width:96% !important;height:60%;}
  #dituContent{float:none;width:100%;}
}

@media all and (max-width:640px) {  
  .banner .txt h4{font-size:36px;}
  .banner .txt .more::after{width:40px;height:40px;}
  .about::after{height:110px;}
  .aboutNum{bottom:15px;font-size:12px;}
  .aboutTxt .txt{padding-top:15px;}
  .aboutTxt .txt .tie{font-size:18px;margin-bottom:10px;}
  .aboutTxt .info{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:5;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:5;}
  .hTitle span{font-size:1.5em;}
  .partnerL .more{width:100px;border-radius:5px;height:32px;line-height:32px;top:10px;margin-top:0;}
  .historyMain li:nth-child(2n){margin-top:0px;}
  .historyMain li:nth-child(2n)::after{bottom:0;top:auto;}
  .historyMain::after{bottom:7px;top:auto;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.aboutBox_r,.service .pic,.historyMain .bgImg{height:300px;}
  .listBan .txt{font-size:18px;}
  .listBan .txt h3{padding-bottom:0;margin-bottom:10px;}
  .partner2 li{width:33.3%;}
  .honorList li {width:50%;}
  .honorList li .pic{height:280px;line-height:280px;}
  .videoList li {width:100%;}
  .listBan .txt h3::after{display:none;}
  .menuSub a{margin-right:14px;padding-left:10px;}
  .menuSub a::after {width:3px;height:3px;}
  .proShow_R .title{font-size:1.8em;}
  .proShow_R .tel{padding-left:0;background:none;}
  .proShow_R .btn{margin-top:20px;}
  .proShow_R .btn a{width:48%;margin:0;height:40px;line-height:40px;}
  .proShow_R .btn a:nth-child(2){float:right;}
  .gallery .btn{width:24px;}
  .proShow_main .title{height:50px;line-height:50px;}
  .feedback p{width:100%;float:none !important;margin-bottom:10px;padding:0 15px;}
  .newsList li .pic{height:220px;}
  .newsList li p{margin-bottom:0;}
  .newsList li .date,.newsList li .more{display:none;}
  .relativeNews li a{padding:10px;height:120px;}
  .relativeNews li .date{min-width:auto;width:80px;height:80px;padding:10px;padding-top:15px;margin-right:15px;}
  .relativeNews li .txt{max-width:72%;}
  .relativeNews li h4{margin-bottom:5px;font-size:1.2em;}
  .solutionShow li{height:380px;}
  .jobList .font .more{width:100%;border-radius:5px;}
  .contactBox #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

}

@media all and (max-width:480px) {
  .logo img{height:32px;}
  .banner .txt h4{font-size:32px;}
  .aboutNum li b{font-size:2.5em;}
  .hTitle span{font-size:24px;line-height:1.4;}
  .proMain li h4{font-size:24px;}
  .newsMenu{display:flex;justify-content:space-between;}
  .newsMenu a{border-radius:5px;margin:0 5px;flex-grow:1;}
  /* .newsMain{margin-right:-10px;}
  .newsMain li{padding-right:10px;} */
  .newsMain li .pic{height:20vh;}
  /* .sectionBan{height:400px !important;} */
  .listTie{font-size:.75rem;}
  .aboutNum2{flex-flow:row wrap;font-size:14px;padding:0;}
  .aboutNum2 li{width:50%;padding:10px 0;}
  .listBan, .mzsmBanner{height:260px;}
  .listBan .txt{font-size:14px;}
  .honorList li .pic{height:160px;line-height:160px;}
  .partnerList li{width:33.3%;}
  .proList li{width:100%;}
  .proShow_R .btn a{width:46%;}
  .solutionList li .pic{height:300px;}
  .solutionShow li{height:220px;}
  .contactBox #dituContent{height:260px;}
}
@media all and (max-width:390px) {
  .newsMain li .pic{height:18vh;}
  .listBan,.mzsmBanner{height:200px;}
  .solutionList li .pic{height:240px;}





}


@media all and (max-height:720px) and (min-width:1024px) {
 body{padding-top:80px;}
.header {height:80px;line-height:80px;font-size:1em;}
.header .container2{height:80px;}
.proMain .btn{bottom:0;}
}